<html>
<head>
<style>
@page {
  margin: 0;
}
body {
  margin: 0;
  font-size: 20px;
  background-color: pink;
}
math {
  width: 95%;
  margin: 30px auto;
  border: 2px solid blue;
}
</style>


</head>
<body>



<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow> <msup> <mrow> <mi>a</mi> </mrow> <mrow> <mn>2</mn> </mrow> </msup> <mo>+</mo> <msup> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> </mrow> </msup> </mrow>
</math>

<math xmlns="http://www.w3.org/1998/Math/MathML">
	<mrow>
	<mi>a</mi>
	<mo>x</mo>
		<mfenced open="(" close=")">
		<mrow>
		<mi>b</mi>
		<mo>+</mo>
		<mi>c</mi>
		</mrow>
		</mfenced>
	</mrow>
</math>


<div style="position:fixed; bottom: 10px; left: 10px; right: 10px; text-align: center;">Examples from <a href="http://gorupec.awardspace.com/mathml.html">Danijel Gorupec</a></div>

</body>
</html>